*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}
// 导航栏
.navbar{
    border-radius: 0;
    margin-bottom: 0;
    .container{
        @media (max-width:992px){
            width: 100%;
            a{
                padding: 15px 5px;
            }
        }
       .navbar-brand{
    display: flex;
    align-items: center;
}
}
}

// 1.LayaFlash
.box1{
    background-color: #8bc01f;
    .LayaFlash{
        .row{
            .row-left{
                margin-top: 50px;
               
                    span{
                        display: inline-block;
                        margin-right: 10px;
                    &:first-of-type{
                        width: 35px;
                        height: 35px;
                        font-size: 28px;
                        background-color: white;
                        color:#8bc01f;;
                        text-align: center;

                    }
                    &:last-of-type{
                        font-size: 28px;
                        color: white;
                    }
                    }
                    h5{
                        color: white;
                        font-size: 17px;
                    }
                }
                .LayaFlash-wenzi{
                    @media (max-width:768px) {
                        text-align: center;
                    }
                    margin-top: 50px;
                    li{
                        width: 440px;
                        color: white;
                        margin-top: 20px;
                        input{
                            width: 80px;
                            height: 30px;
                            background: white;
                            color:#8bc01f;
                            border: #8bc01f;;
                            border-radius: 5px;
                            }
                   
                    }
                    
                }
            }
            .row-right{
                img{
                     margin-top: 30px;
                }
            }
        }
    }
    .LayaFlash .title{
        @media (max-width:768px) {
            text-align: center;
        }
    }


// 2.LayaPlayer
.box2{  
    background-color:#3393df ;
    .LayaPlayer{
        .title{
            @media (max-width:768px) {
                justify-content: center;
            }
            display: flex;
          
            margin-top: 50px;
            h2{
                color: white;
                font-size: 28px;
                margin-right: 10px;
            &:first-of-type{
                width: 35px;
                height: 35px;
                background:white;
                color: #3393df;
                text-align: center;
                line-height: 35px;
            }
            }
        }
        .row{
            .left{
                @media (max-width:768px) {
                text-align: center;
            }
                img{
                    
                    width: 300px;
                    height: 286px;
                }
            }
            .center{
                @media (max-width:768px) {
                    text-align: center;
                }
                h4{
                    color: white;
                &:last-of-type{
                    margin-top: 30px;
                }
                }
                p{
                    color: white;
                }
            }
            .right{
                img{
                    margin-top: 80px;
                }
            }
        }
    }
}

// LayaAir和LayaOpen
.box3{
    .container{
        .container-left{
            .title{
                @media (max-width:768px) {
                    text-align: center;
                }
                margin-top: 50px;
                span{
                    font-size: 20px;
                    margin-right: 10px;
                &:first-of-type{
                    display: inline-block;
                    width: 25px;
                    height: 25px;
                    background: #3393df;
                    color: white;
                    text-align: center;
                }
                &:last-of-type{
                    color: #3393df;
                }
                }
                p{
                    margin-top: 15px;
                    font-size: 16px;
                }
            }
            .conter{
                @media (max-width:768px) {
                    text-align: center;
                }
                h5{
                    color: #3393df;
                    font-size: 16px;
                    margin-top: 20px;
                }
                span{
                    display: inline-block;
                    text-indent: 1em;
                }
            }
            .img{
                text-align: center;
                margin-top: 20px;
            }
          
        }
        .container-right{
          
            .title{
                @media (max-width:768px) {
                    text-align: center;
                }
                margin-top: 50px;
                span{
                    font-size: 20px;
                    margin-right: 10px;
                &:first-of-type{
                    display: inline-block;
                    width: 25px;
                    height: 25px;
                    background: #3393df;
                    color: white;
                    text-align: center;
                }
                &:last-of-type{
                    color: #3393df;
                }
                }
                p{
                    margin-top: 15px;
                    font-size: 16px;
                }
            }
            .conter{
                @media (max-width:768px) {
                    text-align: center;
                }
                h5{
                    color: #3393df;
                    font-size: 16px;
                    margin-top: 20px;
                &:nth-of-type(2){
                    margin-top: 40px;
                }
                }
                
                span{
                    display: inline-block;
                    text-indent: 1em;
                }
            }
            .img{
                
                    text-align: center;
                    margin-top: 20px;
                
            }
          
        }
    }
}

// LayaStore和LayaPublish
.box4{
    margin-top: 50px;
    background: #f7f7f7;
    margin-bottom: 40px;
    .container{
        .container-left{
            .title{
                @media (max-width:768px) {
                    text-align: center;
                }
                margin-top: 50px;
                span{
                    font-size: 20px;
                    margin-right: 10px;
                &:first-of-type{
                    display: inline-block;
                    width: 25px;
                    height: 25px;
                    background: #3393df;
                    color: white;
                    text-align: center;
                }
                &:last-of-type{
                    color: #3393df;
                }
                }
                p{
                    margin-top: 15px;
                    font-size: 16px;
                }
            }
            .conter{
                @media (max-width:768px) {
                    text-align: center;
                }
                h5{
                    color: #3393df;
                    font-size: 16px;
                    margin-top: 20px;
                }
                span{
                    display: inline-block;
                    text-indent: 1em;
                }
            }
            .img{
                text-align: center;
                margin-top: 20px;
            }
          
        }
        .container-right{
           
            .title{
                @media (max-width:768px) {
                    text-align: center;
                }
                margin-top: 50px;
                span{
                    font-size: 20px;
                    margin-right: 10px;
                &:first-of-type{
                    display: inline-block;
                    width: 25px;
                    height: 25px;
                    background: #3393df;
                    color: white;
                    text-align: center;
                }
                &:last-of-type{
                    color: #3393df;
                }
                }
                p{
                    margin-top: 15px;
                    font-size: 16px;
                }
            }
            .conter{
                @media (max-width:768px) {
                    text-align: center;
                }
                h5{
                    color: #3393df;
                    font-size: 16px;
                    margin-top: 20px;
                &:nth-of-type(2){
                    margin-top: 38px;
                }
                }
                
                span{
                    display: inline-block;
                    text-indent: 1em;
                }
            }
            .img{
                
                    text-align: center;
                    margin-top: 20px;
                
            }
          
        }
    }
}

// 页脚
.box5{
    background:#222222;
    .row{
        display: flex;
        justify-content: space-between;
    .row-left{
        margin-top: 15px;
        font-size: 12px;
        ul{
            li{
                color: #e4e2e2;
                span{
                    color: #e4e2e2;
                    margin-right: 10px;
                }
            }
        }
    }
    .row-right{
      
        margin-top: 18px;
        img{
            width: 28px;
            height: 28px;
        }
    }
}
}